<template>
	<view class="pm40">
		<view class="mt90 cen">
			<image src="../../../static/img/qiche.png" class="qidrtyde cz"></image>
		</view>
		<view class="mt80 fz40 cf pd">
			鲁A·66666 <text class="ls ml50 fz24">A标签</text>
			<view class="mt10 mt10 fz28">· 空闲中</view>

			<view class="row mt100">
				<view class=" fz32 col">电子围栏</view>
				<switch checked="true" />
			</view>

			<view class="mt40 yj4 dfgdftyyyse row pr" @tap="jkjhsdf">
				<view class="col pd pt50 fz28 ">
					山东省济南市围栏
					<view class="mt20 fz24 z9">经度:116.397128 纬度:39.916527</view>
				</view>
				<image src="../../../static/img/weilan.png" class="col jjdrttys3er"></image>
			</view>
		</view>
		<view class="mt50 bgtmert">
			<uni-list>
				<uni-list-item title="实时位置"></uni-list-item>
			</uni-list>
		</view>
		<view class="row fz28 z9 pd mt30">
			<view class="col">
				对该组织管理员授权
			</view>
			<navigator url="/pages/index/GroupPermissionDetails" class="guanlier">
				管理
			</navigator>
		</view>


		<view class="kjnnjhhxeet mt20">
			<view class="cen">
				<view class="kjnmkjhndrt">
					<image src="../../../static/img/dsfdsa.png" class="kjnnhghgce cz ba" mode="widthFix"></image>
				</view>
				<view class="cf fz26">
					开关锁
				</view>
			</view>
			<view class="cen">
				<view class="kjnmkjhndrt">
					<image src="../../../static/img/dsfdsb.png" class="kjnnhghgce cz bb" mode="widthFix"></image>
				</view>
				<view class="cf fz26">
					分发副钥匙
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		components: {

		},
		methods: {
			jkjhsdf() {
				uni.navigateTo({
					url: '/pages/leftSideMenu/ElectronicFencehtml?type=2'
				})
			}
		},
		onNavigationBarButtonTap(e) {
			uni.showActionSheet({
				itemList:['移动至','删除车辆'],
				success: (e) => {
					if(e.tapIndex==0){
						uni.navigateTo({
							url:"MovingTo"
						})
					}else if(e.tapIndex==1){
						uni.showToast({
							title:'删除成功'
						})
					}
				}
			})
		},
		mounted() {

		}
	}
</script>
<style scoped>
	.qidrtyde {
		width: 602upx;
		height: 274upx;
	}

	.dfgdftyyyse {
		height: 196upx;
		background: #353C51;
		overflow: hidden;
	}

	.jjdrttys3er {
		position: absolute;
		right: 0;
		top: 0;
		width: 248upx;
		height: 196upx;
	}

	.guanlier {
		width: 120upx;
		height: 58upx;
		text-align: center;
		line-height: 58upx;
		border: 2upx solid rgba(255, 255, 255, 1);
		border-radius: 12upx;
	}

	.kjnnhghgce.ba {
		width: 60upx;
	}

	.kjnnhghgce.bb {
		width: 66upx;
	}
</style>
